<template>
   <div class="footer">
      <div class="container">
        <ul>
          <router-link to="/aboutus"><li>关于我们</li></router-link>
          <router-link to="/vip"><li>会员卡</li></router-link>
          <router-link to="/yuding"><li>旅舍预定</li></router-link>
          <router-link to="/pandect"><li>旅舍总览</li></router-link>
          <router-link to="/web-info-lists"><li>最新资讯</li></router-link>
          <router-link to="/join"><li>旅舍加盟</li></router-link>
          <router-link to="/contact"><li>联系总部</li></router-link>
          <router-link to="/publicwelfare"><li>旅舍公益</li></router-link>
          <li>官方小店</li>
        </ul>
        
        <div class="address">
          <p>E-Mail:service@yhachina.com</p>
          <p>广州市天河区体育西路103号维多利广场A塔3606室</p>
          <div class="share">
            <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F13e34068bfc1456c52b16414e4c982eecb32dde01446-1RbmOv_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670814768&t=c82c7cb0f9183152f691bb42cd6ef3d0" alt="">
            <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.ixintu.com%2Fdownload%2Fjpg%2F202006%2F8752cbced226a6f0f7aff9531265e2fe_610_610.jpg%21con&refer=http%3A%2F%2Fimg.ixintu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670814969&t=e05c61f55e44f2c40f876878c9274c65" alt="">
          </div>
          <div class="link">
            <p> <a href="">国际联盟官方网站</a>   |     <a href="">友情链接</a>   |      <a href="">帮助中心</a></p>
            <p>版权所有 © 中国国际青年旅舍®总部 <a href="">粤ICP备05005462号   </a><a href="">粤公网安备 44010602004069号</a></p>
            
          </div>
          
        </div>
      </div>
    </div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="scss" scoped>
.footer{
  width: 100%;
  background-color: #282A2B;
  height: 240px;
  font-size: 14px;
}
.footer .container{
  width: 1100px;
  margin: 0 auto;
}
.footer .container ul{
  height: 74px;
  line-height: 74px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  margin: 0 20px;
}
.footer .container li{
  display: inline-block;
  color: white;
  text-align: center;
  cursor: pointer;
}
.footer .container .address{
  text-align: right;
}
.footer .container .address p{
  color: #999;
  margin-top: 5px;
}
.footer .container .address .share img{
  width: 30px;
  margin:10px;
  border-radius: 50%;
}
.footer .container .address .link a{
  list-style: none;
  color: #666;
  text-decoration: none;
}
.footer .container .address .link a:hover{
  color: #999;
}
.footer .container .address .link p{
  color:#666;
  margin-top: 10px;
}
</style>